<template>
  <div class="Chinese">
    <div>
      <van-nav-bar
        title="其他风格"
        left-text="返回"
        left-arrow
        fixed	
        @click-left="onClickLeft"
      />
    </div>
     <div>
      <van-grid :column-num="2">
        <van-grid-item v-for="value in 20" :key="value">
           <van-image
            round
            height="75%"
            width="75%"
            src="https://p3.ssl.qhimgs1.com/sdr/400__/t019e97fea468f451dd.jpg"
          />
          <p>中国风</p>
        </van-grid-item>
      </van-grid>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    onClickLeft() {
        this.$router.push(
          {path:'/home'},
          )
    },
  },
}
</script>
<style lang="scss">
  .van-grid {
    .van-grid-item {
      .p{
        height: 25%;
        text-align: center;
    }
  }
}
</style>